div(style="text-align: -webkit-center;margin-top: 30px;")
  = form_tag('/coupons/list_create', method: 'post' ,remote: true) do
    = text_field_tag :name, '', placeholder: '优惠卷名称'
    = text_field_tag :purpose, '', placeholder: '用途'
    = text_field_tag :number, '', placeholder: '数量'
    = text_field_tag :price, '', placeholder: '金额'

    div(style="margin-top: 20px") 
      span(style="margin-right: 30px;font-size: 16px;") 图片选择
      select name="url"
        - @pictures.each do |_item|
          option value ="#{_item.image.url}" #{_item.name}
      
    div class='input-group date' class='datetimepicker5' style="width: 200px;margin-top: 10px;margin-bottom: 20px;"
        = text_field_tag :begin_date, '', placeholder: '开始日期'
        span class="input-group-addon"
          span class="glyphicon glyphicon-calendar"
    div class='input-group date' class='datetimepicker5' style="width: 200px;margin-top: 10px;margin-bottom: 20px;"
        = text_field_tag :end_date, '', placeholder: '结束日期'
        span class="input-group-addon"
          span class="glyphicon glyphicon-calendar"
          
    .addressPicker
      div(style="font-size: 14px;margin-bottom: 5px")
        select(style="margin-right: 5px;" name="province" data-autoselect="3" data-province="省市" )
        select(style="margin-right: 5px;" name="region" data-autoselect="3" data-city="城市")
        span 地区限制请勾选
        = check_box_tag 'limit_state', 'true', false 
    
    div(style="margin-top: 20px") 
      span(style="margin-right: 30px;font-size: 16px;") 劵种
      select name="kind" style="height: 25px;border: 1px solid;"
        option value="线下活动" 线下活动
        option value="电商类活动" 电商类活动
    button.button.solid.cancel(type="submit") 保存

scss:
  input[type=text] {
   width: 200px;
   margin-right: 10px;
   height: 30px;
   border-radius: 5px;
  }
  button[type='submit'] {
    width: 15%;
    margin: 40px 0 24px;
    height: 30px; 
    border-radius: 5px;
  }
  .cancel {
    color: white;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  select {
    height: 25px;
    width: 80px;
    border: 1px solid;
  }
      
  
javascript:
 $(function(){
   $('.datetimepicker5').datetimepicker({
     sideBySide: true,
     format: 'YYYY-MM-DD'
   });
   $('.addressPicker').distpicker();
  });
